.introduction {
	border-bottom: 1px solid #e1e9f0;
	padding: 15px;
	padding-top: 0px;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 15px;
}

.form-group label {
	font-weight: normal;
}

.checkbox .label-area {
	padding-right: 3px;
}

.page-header-actions-block .btn-delete {
	display: none;
	padding: 3px 10px;
}

.page-header-actions-block .btn-new {
	display: inline;
}

.page-header-actions-block.actions-mode .btn-delete {
	display: inline;
}

.page-header-actions-block.actions-mode .btn-new {
	display: none;
}

.web-form-page, .web-form-page .section {
	padding: 20px 0px;
}

.web-form-grid-row input, .web-form-grid-row select {
	border: 0px;
	padding: 0px;
}
.web-form-grid-row input:focus, .web-form-grid-row select:focus {
	box-shadow: none;
}
.web-form-grid-row .form-group {
	margin: 0px;
}

.slide-progress {
    /*border-top: 1px solid #d1d8dd;*/
	margin-top: -10px;
}
.slide-progress .fa-fw {
	vertical-align: middle;
	margin-left: 9px;
	padding-right: 2px;
	cursor: pointer;
}
.slide-progress .icon-circle-blank {
	font-size: 12px;
}
.slide-progress .icon-circle {
	font-size: 14px;
}

body {
	display: none;
}

.modal-title {
	margin-top: 5px;
}

.modal-header {
	padding: 10px 15px;
}

.form-in-grid .form-section {
  margin: 0px;
  padding: 15px;
}

.form-clickable-section {
  border-top: 1px solid #d1d8dd;
  padding: 10px 15px;
  background-color: #F7FAFC;
}

.table > tbody > tr > td {
     vertical-align: middle;
}

table {
	border: 1px solid #ebecf1;
}

.table > tbody > tr:hover {
	background-color: rgb(247, 250, 252);
}

.grid-body .data-row {
    font-size: inherit;
}
@font-face {
  font-family: 'octicons';
   src: url('/assets/frappe/css/octicons/octicons.eot?#iefix') format('embedded-opentype'),
        url('/assets/frappe/css/octicons/octicons.woff') format('woff'),
        url('/assets/frappe/css/octicons/octicons.ttf') format('truetype'),
        url('/assets/frappe/css/octicons/octicons.svg#octicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*

.octicon is optimized for 16px.
.mega-octicon is optimized for 32px but can be used larger.

*/
.octicon, .mega-octicon {
  font: normal normal normal 16px/1 octicons;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mega-octicon { font-size: 32px; }

.octicon-alert:before { content: '\f02d'} /*  */
.octicon-arrow-down:before { content: '\f03f'} /*  */
.octicon-arrow-left:before { content: '\f040'} /*  */
.octicon-arrow-right:before { content: '\f03e'} /*  */
.octicon-arrow-small-down:before { content: '\f0a0'} /*  */
.octicon-arrow-small-left:before { content: '\f0a1'} /*  */
.octicon-arrow-small-right:before { content: '\f071'} /*  */
.octicon-arrow-small-up:before { content: '\f09f'} /*  */
.octicon-arrow-up:before { content: '\f03d'} /*  */
.octicon-microscope:before,
.octicon-beaker:before { content: '\f0dd'} /*  */
.octicon-bell:before { content: '\f0de'} /*  */
.octicon-book:before { content: '\f007'} /*  */
.octicon-bookmark:before { content: '\f07b'} /*  */
.octicon-briefcase:before { content: '\f0d3'} /*  */
.octicon-broadcast:before { content: '\f048'} /*  */
.octicon-browser:before { content: '\f0c5'} /*  */
.octicon-bug:before { content: '\f091'} /*  */
.octicon-calendar:before { content: '\f068'} /*  */
.octicon-check:before { content: '\f03a'} /*  */
.octicon-checklist:before { content: '\f076'} /*  */
.octicon-chevron-down:before { content: '\f0a3'} /*  */
.octicon-chevron-left:before { content: '\f0a4'} /*  */
.octicon-chevron-right:before { content: '\f078'} /*  */
.octicon-chevron-up:before { content: '\f0a2'} /*  */
.octicon-circle-slash:before { content: '\f084'} /*  */
.octicon-circuit-board:before { content: '\f0d6'} /*  */
.octicon-clippy:before { content: '\f035'} /*  */
.octicon-clock:before { content: '\f046'} /*  */
.octicon-cloud-download:before { content: '\f00b'} /*  */
.octicon-cloud-upload:before { content: '\f00c'} /*  */
.octicon-code:before { content: '\f05f'} /*  */
.octicon-color-mode:before { content: '\f065'} /*  */
.octicon-comment-add:before,
.octicon-comment:before { content: '\f02b'} /*  */
.octicon-comment-discussion:before { content: '\f04f'} /*  */
.octicon-credit-card:before { content: '\f045'} /*  */
.octicon-dash:before { content: '\f0ca'} /*  */
.octicon-dashboard:before { content: '\f07d'} /*  */
.octicon-database:before { content: '\f096'} /*  */
.octicon-clone:before,
.octicon-desktop-download:before { content: '\f0dc'} /*  */
.octicon-device-camera:before { content: '\f056'} /*  */
.octicon-device-camera-video:before { content: '\f057'} /*  */
.octicon-device-desktop:before { content: '\f27c'} /*  */
.octicon-device-mobile:before { content: '\f038'} /*  */
.octicon-diff:before { content: '\f04d'} /*  */
.octicon-diff-added:before { content: '\f06b'} /*  */
.octicon-diff-ignored:before { content: '\f099'} /*  */
.octicon-diff-modified:before { content: '\f06d'} /*  */
.octicon-diff-removed:before { content: '\f06c'} /*  */
.octicon-diff-renamed:before { content: '\f06e'} /*  */
.octicon-ellipsis:before { content: '\f09a'} /*  */
.octicon-eye-unwatch:before,
.octicon-eye-watch:before,
.octicon-eye:before { content: '\f04e'} /*  */
.octicon-file-binary:before { content: '\f094'} /*  */
.octicon-file-code:before { content: '\f010'} /*  */
.octicon-file-directory:before { content: '\f016'} /*  */
.octicon-file-media:before { content: '\f012'} /*  */
.octicon-file-pdf:before { content: '\f014'} /*  */
.octicon-file-submodule:before { content: '\f017'} /*  */
.octicon-file-symlink-directory:before { content: '\f0b1'} /*  */
.octicon-file-symlink-file:before { content: '\f0b0'} /*  */
.octicon-file-text:before { content: '\f011'} /*  */
.octicon-file-zip:before { content: '\f013'} /*  */
.octicon-flame:before { content: '\f0d2'} /*  */
.octicon-fold:before { content: '\f0cc'} /*  */
.octicon-gear:before { content: '\f02f'} /*  */
.octicon-gift:before { content: '\f042'} /*  */
.octicon-gist:before { content: '\f00e'} /*  */
.octicon-gist-secret:before { content: '\f08c'} /*  */
.octicon-git-branch-create:before,
.octicon-git-branch-delete:before,
.octicon-git-branch:before { content: '\f020'} /*  */
.octicon-git-commit:before { content: '\f01f'} /*  */
.octicon-git-compare:before { content: '\f0ac'} /*  */
.octicon-git-merge:before { content: '\f023'} /*  */
.octicon-git-pull-request-abandoned:before,
.octicon-git-pull-request:before { content: '\f009'} /*  */
.octicon-globe:before { content: '\f0b6'} /*  */
.octicon-graph:before { content: '\f043'} /*  */
.octicon-heart:before { content: '\2665'} /* ♥ */
.octicon-history:before { content: '\f07e'} /*  */
.octicon-home:before { content: '\f08d'} /*  */
.octicon-horizontal-rule:before { content: '\f070'} /*  */
.octicon-hubot:before { content: '\f09d'} /*  */
.octicon-inbox:before { content: '\f0cf'} /*  */
.octicon-info:before { content: '\f059'} /*  */
.octicon-issue-closed:before { content: '\f028'} /*  */
.octicon-issue-opened:before { content: '\f026'} /*  */
.octicon-issue-reopened:before { content: '\f027'} /*  */
.octicon-jersey:before { content: '\f019'} /*  */
.octicon-key:before { content: '\f049'} /*  */
.octicon-keyboard:before { content: '\f00d'} /*  */
.octicon-law:before { content: '\f0d8'} /*  */
.octicon-light-bulb:before { content: '\f000'} /*  */
.octicon-link:before { content: '\f05c'} /*  */
.octicon-link-external:before { content: '\f07f'} /*  */
.octicon-list-ordered:before { content: '\f062'} /*  */
.octicon-list-unordered:before { content: '\f061'} /*  */
.octicon-location:before { content: '\f060'} /*  */
.octicon-gist-private:before,
.octicon-mirror-private:before,
.octicon-git-fork-private:before,
.octicon-lock:before { content: '\f06a'} /*  */
.octicon-logo-github:before { content: '\f092'} /*  */
.octicon-mail:before { content: '\f03b'} /*  */
.octicon-mail-read:before { content: '\f03c'} /*  */
.octicon-mail-reply:before { content: '\f051'} /*  */
.octicon-mark-github:before { content: '\f00a'} /*  */
.octicon-markdown:before { content: '\f0c9'} /*  */
.octicon-megaphone:before { content: '\f077'} /*  */
.octicon-mention:before { content: '\f0be'} /*  */
.octicon-milestone:before { content: '\f075'} /*  */
.octicon-mirror-public:before,
.octicon-mirror:before { content: '\f024'} /*  */
.octicon-mortar-board:before { content: '\f0d7'} /*  */
.octicon-mute:before { content: '\f080'} /*  */
.octicon-no-newline:before { content: '\f09c'} /*  */
.octicon-octoface:before { content: '\f008'} /*  */
.octicon-organization:before { content: '\f037'} /*  */
.octicon-package:before { content: '\f0c4'} /*  */
.octicon-paintcan:before { content: '\f0d1'} /*  */
.octicon-pencil:before { content: '\f058'} /*  */
.octicon-person-add:before,
.octicon-person-follow:before,
.octicon-person:before { content: '\f018'} /*  */
.octicon-pin:before { content: '\f041'} /*  */
.octicon-plug:before { content: '\f0d4'} /*  */
.octicon-repo-create:before,
.octicon-gist-new:before,
.octicon-file-directory-create:before,
.octicon-file-add:before,
.octicon-plus:before { content: '\f05d'} /*  */
.octicon-primitive-dot:before { content: '\f052'} /*  */
.octicon-primitive-square:before { content: '\f053'} /*  */
.octicon-pulse:before { content: '\f085'} /*  */
.octicon-question:before { content: '\f02c'} /*  */
.octicon-quote:before { content: '\f063'} /*  */
.octicon-radio-tower:before { content: '\f030'} /*  */
.octicon-repo-delete:before,
.octicon-repo:before { content: '\f001'} /*  */
.octicon-repo-clone:before { content: '\f04c'} /*  */
.octicon-repo-force-push:before { content: '\f04a'} /*  */
.octicon-gist-fork:before,
.octicon-repo-forked:before { content: '\f002'} /*  */
.octicon-repo-pull:before { content: '\f006'} /*  */
.octicon-repo-push:before { content: '\f005'} /*  */
.octicon-rocket:before { content: '\f033'} /*  */
.octicon-rss:before { content: '\f034'} /*  */
.octicon-ruby:before { content: '\f047'} /*  */
.octicon-screen-full:before { content: '\f066'} /*  */
.octicon-screen-normal:before { content: '\f067'} /*  */
.octicon-search-save:before,
.octicon-search:before { content: '\f02e'} /*  */
.octicon-server:before { content: '\f097'} /*  */
.octicon-settings:before { content: '\f07c'} /*  */
.octicon-shield:before { content: '\f0e1'} /*  */
.octicon-log-in:before,
.octicon-sign-in:before { content: '\f036'} /*  */
.octicon-log-out:before,
.octicon-sign-out:before { content: '\f032'} /*  */
.octicon-squirrel:before { content: '\f0b2'} /*  */
.octicon-star-add:before,
.octicon-star-delete:before,
.octicon-star:before { content: '\f02a'} /*  */
.octicon-stop:before { content: '\f08f'} /*  */
.octicon-repo-sync:before,
.octicon-sync:before { content: '\f087'} /*  */
.octicon-tag-remove:before,
.octicon-tag-add:before,
.octicon-tag:before { content: '\f015'} /*  */
.octicon-telescope:before { content: '\f088'} /*  */
.octicon-terminal:before { content: '\f0c8'} /*  */
.octicon-three-bars:before { content: '\f05e'} /*  */
.octicon-thumbsdown:before { content: '\f0db'} /*  */
.octicon-thumbsup:before { content: '\f0da'} /*  */
.octicon-tools:before { content: '\f031'} /*  */
.octicon-trashcan:before { content: '\f0d0'} /*  */
.octicon-triangle-down:before { content: '\f05b'} /*  */
.octicon-triangle-left:before { content: '\f044'} /*  */
.octicon-triangle-right:before { content: '\f05a'} /*  */
.octicon-triangle-up:before { content: '\f0aa'} /*  */
.octicon-unfold:before { content: '\f039'} /*  */
.octicon-unmute:before { content: '\f0ba'} /*  */
.octicon-versions:before { content: '\f064'} /*  */
.octicon-watch:before { content: '\f0e0'} /*  */
.octicon-remove-close:before,
.octicon-x:before { content: '\f081'} /*  */
.octicon-zap:before { content: '\26A1'} /* ⚡ */

:root {
    --dt-border-color: #d1d8dd;
    --dt-primary-color: rgb(82, 146, 247);
    --dt-light-bg: #f5f7fa;
    --dt-light-red: #FD8B8B;
    --dt-light-yellow: #fffce7;
    --dt-orange: rgb(255, 160, 10);
    --dt-text-color: #000000;
    --dt-text-light: #dfe2e5;
    --dt-spacer-1: 0.25rem;
    --dt-spacer-2: 0.5rem;
    --dt-spacer-3: 1rem;
    --dt-border-radius: 3px;
    --dt-cell-bg: #fff;
    --dt-focus-border-width: 2px;
    --dt-selection-highlight-color: #fffce7;
    --dt-selection-highlight-color: var(--dt-light-yellow);
    --dt-toast-message-border: none;
    --dt-header-cell-bg: #fff;
    --dt-header-cell-bg: var(--dt-cell-bg);
}

.datatable *, .datatable *::after, .datatable *::before {
        box-sizing: border-box;
    }

.datatable {
    position: relative;
    overflow: hidden;
}

.dt-scrollable {
    height: 40vw;
    overflow: auto;
    border-top: 2px solid #d1d8dd;
    border-top: 2px solid var(--dt-border-color);
}

.dt-scrollable--highlight-all {
        background-color: #fffce7;
        background-color: var(--dt-selection-highlight-color);
    }

.dt-scrollable__no-data {
        text-align: center;
        padding: 1rem;
        padding: var(--dt-spacer-3);
        border-right: 1px solid #d1d8dd;
        border-right: 1px solid var(--dt-border-color);
        border-left: 1px solid #d1d8dd;
        border-left: 1px solid var(--dt-border-color);
    }

.dt-row {
    display: flex;
}

.dt-row--highlight .dt-cell {
        background-color: #fffce7;
        background-color: var(--dt-selection-highlight-color);
    }

.dt-row--unhighlight .dt-cell {
        background-color: #fff;
        background-color: var(--dt-cell-bg);
    }

.dt-row--hide {
        display: none;
    }

.dt-row:last-child:not(.dt-row-filter) {
        border-bottom: 1px solid #d1d8dd;
        border-bottom: 1px solid var(--dt-border-color);
    }

.dt-cell {
    border: 1px solid #d1d8dd;
    border: 1px solid var(--dt-border-color);
    border-bottom: none;
    border-left: none;
    position: relative;
    outline: none;
    padding: 0;
    background-color: #fff;
    background-color: var(--dt-cell-bg);
    color: #000000;
    color: var(--dt-text-color);
    /*
     Fix for firefox and Edge
     https://stackoverflow.com/a/16337203
     firefox paints td background over border
    */
    background-clip: padding-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.dt-cell__content {
        padding: 0.5rem;
        padding: var(--dt-spacer-2);
        border: 2px solid transparent;
        border: var(--dt-focus-border-width) solid transparent;
        height: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.dt-cell__edit {
        display: none;
        padding: 0.5rem;
        padding: var(--dt-spacer-2);
        background-color: #fff;
        background-color: var(--dt-cell-bg);
        border: 2px solid rgb(255, 160, 10);
        border: var(--dt-focus-border-width) solid var(--dt-orange);
        z-index: 1;
        height: 100%;
    }

.dt-cell__resize-handle {
        opacity: 0;
        position: absolute;
        left: -3px;
        top: 0;
        width: 5px;
        height: 100%;
        cursor: col-resize;
        z-index: 1;
    }

.dt-cell--editing .dt-cell__content {
        display: none;
    }

.dt-cell--editing .dt-cell__edit {
        display: block;
    }

.dt-cell--focus .dt-cell__content {
        border-color: rgb(82, 146, 247);
        border-color: var(--dt-primary-color);
    }

.dt-cell--highlight {
        background-color: #f5f7fa;
        background-color: var(--dt-light-bg);
    }

.dt-cell--dragging {
        background-color: #f5f7fa;
        background-color: var(--dt-light-bg);
    }

.dt-cell--header {
        background-color: #fff;
        background-color: var(--dt-header-cell-bg);
    }

.dt-cell--header:last-child {
        border-left: 1px solid #d1d8dd;
        border-left: 1px solid var(--dt-border-color);
    }

.dt-cell--header .dt-cell__content {
        padding-left: 1rem;
        padding-left: var(--dt-spacer-3);
        font-weight: bold;
    }

.dt-cell--header:hover .dt-dropdown__toggle {
        opacity: 1;
    }

.dt-cell--tree-close .icon-open {
            display: none;
        }

.dt-cell--tree-close .icon-close {
            display: flex;
        }

.dt-cell:last-child {
        border-left: 1px solid #d1d8dd;
        border-left: 1px solid var(--dt-border-color);
    }

.icon-open, .icon-close {
    width: 16px;
    height: 16px;
}

.icon-open {
    display: flex;
}

.icon-close {
    display: none;
}

.dt-dropdown {
    position: absolute;
    left: 10px;
    display: inline-flex;
    vertical-align: top;
    text-align: right;
    font-weight: normal;
    cursor: pointer;
}

.dt-dropdown__toggle {
        opacity: 0;
        background-color: #fff;
        background-color: var(--dt-header-cell-bg);
    }

.dt-dropdown__list {
        position: fixed;
        min-width: 8rem;
        z-index: 1;
        cursor: pointer;
        background-color: #fff;
        background-color: var(--dt-cell-bg);
        border-radius: 3px;
        border-radius: var(--dt-border-radius);
        padding: 0.5rem 0;
        padding: var(--dt-spacer-2) 0;
        box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    }

.dt-dropdown__list-item {
        padding: 0.5rem 1rem;
        padding: var(--dt-spacer-2) var(--dt-spacer-3);
    }

.dt-dropdown__list-item:hover {
            background-color: #f5f7fa;
            background-color: var(--dt-light-bg);
        }

.dt-dropdown--active .dt-dropdown__list {
        display: block;
    }

.dt-tree-node {
    display: flex;
    align-items: center;
    position: relative;
}

.dt-tree-node__toggle {
        display: inline-block;
        cursor: pointer;
        margin-left: 0.2rem;
    }

.dt-toast {
    position: absolute;
    bottom: 1rem;
    bottom: var(--dt-spacer-3);
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
}

.dt-toast__message {
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.8);
        color: #dfe2e5;
        color: var(--dt-text-light);
        border-radius: 3px;
        border-radius: var(--dt-border-radius);
        padding: 0.5rem 1rem;
        padding: var(--dt-spacer-2) var(--dt-spacer-3);
        border: none;
        border: var(--dt-toast-message-border);
    }

.dt-input {
    outline: none;
    width: 100%;
    border: none;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

.dt-freeze {
    display: flex;
    justify-content: center;
    align-content: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #f5f7fa;
    background-color: var(--dt-light-bg);
    opacity: 0.5;
    font-size: 2em;
}

.dt-freeze__message {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

.dt-paste-target {
    position: fixed;
    right: -999em;
}

body.dt-resize {
    cursor: col-resize;
}
